<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 基本数据类型:只传值
    基本类型数据的赋值
    基本数据类型包括：number、string、boolean、undefined、null，他们的赋值相对简单，且赋值后两个变量互不影响。 -->
    <script>  
        var a = 10;
        var b = a;
        a = 20;
        console.log(a);
        console.log(b);
    </script>
    <!-- 引用类型数据：既传地址，也传值（深调用） 
    引用数据类型包括：Array、Object，他们的赋值相对复杂，且赋值后两个变量共享一个数据内存空间，改变其中一个，另一个也会发生改变。-->
    <script>
        // Array
        var arr=[1,2,3,4];
        console.log('arr: ', arr);
        var res = arr;
        res.push(5);
        console.log('arr: ', arr);

        // Object
        var obj = {name:"李四"};
        var str = obj;
        console.log(obj);
        str.age = 18;
        console.log(obj);
    </script>
</body>
</html>